<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>商品分类</title>
    <script src="/static/mobile/js/mui.min.js"></script>
    <link href="/static/mobile/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="/static/mobile/css/basic.css"/>
    <link rel="stylesheet" type="text/css" href="/static/mobile/css/list_all.css"/>
    <script type="text/javascript" src="/static/mobile/js/jquery.js"></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
	<div class="sectionx">
		<header class="mui-bar mui-bar-nav" >
			<!--<a class="mui-icon mui-icon-left-nav mui-pull-left" href="javascript:history.back(-1)" style="color: #3474FA;"></a>-->
			<h1 class="mui-title">分类</h1>
			<!--<a class="mui-icon mui-pull-right right1" href="javascript:;"><img src="images/nav_icon_share_w.png"/></a>-->
		</header>
	</div>
	
	<div class="section3">
		<div class="container mui-clearfix">
			<ul>
				{volist name="nav" id="vo" key="i"}
				<li><a href="{:url('mobile/shop/lists',['catId'=>$vo['id']] )}"><img src="{$vo.image}" alt="" /><p>{$vo.catname}</p></a></li>
			
				 {/volist}
			</ul>
		</div>
	</div>
	
	
	
	<div class="kong"></div>
	{include file="common/foot"/}
</body>

</html>